import React from 'react'
import {Outlet} from 'react-router-dom'
import { Tabbar } from 'react-vant'
import { NotesO, HomeO, Logistics, Contact,DiamondO } from '@react-vant/icons'
import {NavLink} from 'react-router-dom'
const App = () => {
  return (
    <div>
      <Outlet />
      <footer style={{
        position: 'fixed',
        bottom: 0,
        left: 0,
       }}>
         <Tabbar>
        <Tabbar.Item icon={<HomeO />}><NavLink to="/">首页</NavLink></Tabbar.Item>
        <Tabbar.Item icon={<Logistics  />}><NavLink to="/cxfw">出行服务</NavLink></Tabbar.Item>
        <Tabbar.Item icon={<NotesO  />}><NavLink to="/dindan">订单</NavLink></Tabbar.Item>
        <Tabbar.Item icon={<DiamondO  />}><NavLink to="/tlhy">铁路会员</NavLink></Tabbar.Item>
        <Tabbar.Item icon={<Contact  />}><NavLink to="/my">我的</NavLink></Tabbar.Item>
      </Tabbar>
       </footer>
    </div>
  )
}

export default App
